<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=320, user-scalable=0"/>
  <meta name="viewport" content="minimum-scale=1, maximum-scale=1"/>
  <script src="ianime028.js"></script>
  <script src="ibrowse010.js"></script>
  <script src="ianime028ex.js"></script>
  <style>
body {
background: black;
color: white;
font-family: sans-serif;
font-size: 12pt;
font-style: italic;
}
  </style>
  <script type="text/javascript">
var anime = new iAnime();

iAnime.effects.snow = function(e,t,x,y) {
    this.move(e, t, x+this.x_dx, y+this.x_dy);
    this.x_dx += 0.3*(Math.random()-0.5);
    this.x_dy += 1.0*(Math.random()-0.5);
}

iAnime.effects.snow.init = function() {
   this.x_dx = 0;
   this.x_dy = 0;
}

function snow()
{
    var div = document.createElement('div');
    var x = Math.random()*560+80;
    div.style.position = "absolute";
    div.style.top = "0px";
    div.style.left = x+"px";
    iBrowse.setText(div, "I");
    document.body.appendChild(div);
    anime.addSequence([
        [ { element:div, y:320, x:x-80, effect:'snow', duration: 1000+Math.random()*200 },
          { onComplete: function() { document.body.removeChild(div); } } ],
        { duration: 100, onComplete:snow }
    ]);   
}
  </script>
</head>
<body onload="snow()">
</body>
</html>
